html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
ol,
ul {
	list-style: none;
}
ol li,
ul li {
	padding: 0;
	margin: 0;
}
table {
	border-collapse: collapse;
	vertical-align: middle;
}
caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none;
}
body {
	line-height: 1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
template {
	display: none;
}
html {
	font-size: 100%;
	font-family: 'Microsoft Yahei',Arial,'Helvetica Neue',sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a,
nav {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
}
button,
input,
optgroup,
select,
textarea {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	color: inherit;
	margin: 0;
}
button {
	overflow: visible;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
body {
	-webkit-font-smoothing: antialiased;
	background: #fff;
}
.ui-btn {
	vertical-align: top;
	text-decoration: none;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	border-style: solid;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-radius: 3px;
	font-size: 1rem;
	padding: 0 12px;
	line-height: 42px;
	min-width: 44px;
	height: 44px;
	border-width: 1px;
	color: #90929a;
	border-color: #c2c3cb;
	background: transparent;
	background-clip: padding-box;
}
.ui-btn[data-ui~=block] {
	display: block;
}
.ui-btn:not([data-ui~=block]) {
	display: inline-block;
}
.ui-btn[disabled],
.ui-btn[data-ui~=disabled] {
	opacity: .5;
	pointer-events: none;
}
.ui-btn > [class^=icon-] {
	font-size: 20px;
	width: 20px;
}
.ui-btn[data-ui~=icon-left] {
	padding-left: 32px;
}
.ui-btn[data-ui~=icon-left] > [class^=icon-] {
	position: absolute;
	top: 0;
	left: 8px;
}
.ui-btn[data-ui~=icon-right] {
	padding-right: 32px;
}
.ui-btn[data-ui~=icon-right] > [class^=icon-] {
	position: absolute;
	top: 0;
	right: 8px;
}
.ui-btn[data-ui~=icon-only] {
	padding: 0;
}
.ui-btn:active,
.ui-btn[data-ui~=active] {
	color: #90929a;
	border-color: #adaeb9;
	background-clip: padding-box;
}
.ui-btn:active,
.ui-btn[data-ui~=active] {
	color: #fff;
	border-color: #c2c3cb;
	background: #c2c3cb;
	background-clip: padding-box;
}
.ui-btn:active:active,
.ui-btn[data-ui~=active]:active,
.ui-btn:active[data-ui~=active],
.ui-btn[data-ui~=active][data-ui~=active] {
	color: #fff;
	border-color: #adaeb9;
	background: #adaeb9;
	background-clip: padding-box;
}
.ui-btn[data-ui~=large] {
	font-size: 1.125rem;
	padding: 0 16px;
	line-height: 52px;
	min-width: 54px;
	height: 54px;
	border-width: 1px;
}
.ui-btn[data-ui~=large] > [class^=icon-] {
	font-size: 22px;
	width: 22px;
}
.ui-btn[data-ui~=large][data-ui~=icon-left] {
	padding-left: 38px;
}
.ui-btn[data-ui~=large][data-ui~=icon-left] > [class^=icon-] {
	position: absolute;
	top: 0;
	left: 10.666666666666666px;
}
.ui-btn[data-ui~=large][data-ui~=icon-right] {
	padding-right: 38px;
}
.ui-btn[data-ui~=large][data-ui~=icon-right] > [class^=icon-] {
	position: absolute;
	top: 0;
	right: 10.666666666666666px;
}
.ui-btn[data-ui~=large][data-ui~=icon-only] {
	padding: 0;
}
.ui-btn[data-ui~=middle] {
	font-size: .875rem;
	padding: 0 10px;
	line-height: 26px;
	min-width: 28px;
	height: 28px;
	border-width: 1px;
}
.ui-btn[data-ui~=middle] > [class^=icon-] {
	font-size: 16px;
	width: 16px;
}
.ui-btn[data-ui~=middle][data-ui~=icon-left] {
	padding-left: 26px;
}
.ui-btn[data-ui~=middle][data-ui~=icon-left] > [class^=icon-] {
	position: absolute;
	top: 0;
	left: 6.666666666666667px;
}
.ui-btn[data-ui~=middle][data-ui~=icon-right] {
	padding-right: 26px;
}
.ui-btn[data-ui~=middle][data-ui~=icon-right] > [class^=icon-] {
	position: absolute;
	top: 0;
	right: 6.666666666666667px;
}
.ui-btn[data-ui~=middle][data-ui~=icon-only] {
	padding: 0;
}
.ui-btn[data-ui~=small] {
	font-size: .75rem;
	padding: 0 6px;
	line-height: 22px;
	min-width: 24px;
	height: 24px;
	border-width: 1px;
}
.ui-btn[data-ui~=small] > [class^=icon-] {
	font-size: 14px;
	width: 14px;
}
.ui-btn[data-ui~=small][data-ui~=icon-left] {
	padding-left: 20px;
}
.ui-btn[data-ui~=small][data-ui~=icon-left] > [class^=icon-] {
	position: absolute;
	top: 0;
	left: 4px;
}
.ui-btn[data-ui~=small][data-ui~=icon-right] {
	padding-right: 20px;
}
.ui-btn[data-ui~=small][data-ui~=icon-right] > [class^=icon-] {
	position: absolute;
	top: 0;
	right: 4px;
}
.ui-btn[data-ui~=small][data-ui~=icon-only] {
	padding: 0;
}
.ui-btn[data-ui~=primary] {
	color: #4a87ee;
	border-color: #4a87ee;
	background: transparent;
	background-clip: padding-box;
}
.ui-btn[data-ui~=primary]:active,
.ui-btn[data-ui~=primary][data-ui~=active] {
	color: #4a87ee;
	border-color: #2d74eb;
	background-clip: padding-box;
}
.ui-btn[data-ui~=primary]:active,
.ui-btn[data-ui~=primary][data-ui~=active] {
	color: #fff;
	border-color: #4a87ee;
	background: #4a87ee;
	background-clip: padding-box;
}
.ui-btn[data-ui~=primary]:active:active,
.ui-btn[data-ui~=primary][data-ui~=active]:active,
.ui-btn[data-ui~=primary]:active[data-ui~=active],
.ui-btn[data-ui~=primary][data-ui~=active][data-ui~=active] {
	color: #fff;
	border-color: #2d74eb;
	background: #2d74eb;
	background-clip: padding-box;
}
.ui-btn[data-ui~=danger] {
	color: #ef4e3a;
	border-color: #ef4e3a;
	background: transparent;
	background-clip: padding-box;
}
.ui-btn[data-ui~=danger]:active,
.ui-btn[data-ui~=danger][data-ui~=active] {
	color: #ef4e3a;
	border-color: #ed351f;
	background-clip: padding-box;
}
.ui-btn[data-ui~=danger]:active,
.ui-btn[data-ui~=danger][data-ui~=active] {
	color: #fff;
	border-color: #ef4e3a;
	background: #ef4e3a;
	background-clip: padding-box;
}
.ui-btn[data-ui~=danger]:active:active,
.ui-btn[data-ui~=danger][data-ui~=active]:active,
.ui-btn[data-ui~=danger]:active[data-ui~=active],
.ui-btn[data-ui~=danger][data-ui~=active][data-ui~=active] {
	color: #fff;
	border-color: #ed351f;
	background: #ed351f;
	background-clip: padding-box;
}
.ui-btn[data-ui~=warning] {
	color: #ffa016;
	border-color: #ffa016;
	background: transparent;
	background-clip: padding-box;
}
.ui-btn[data-ui~=warning]:active,
.ui-btn[data-ui~=warning][data-ui~=active] {
	color: #ffa016;
	border-color: #f99400;
	background-clip: padding-box;
}
.ui-btn[data-ui~=warning]:active,
.ui-btn[data-ui~=warning][data-ui~=active] {
	color: #fff;
	border-color: #ffa016;
	background: #ffa016;
	background-clip: padding-box;
}
.ui-btn[data-ui~=warning]:active:active,
.ui-btn[data-ui~=warning][data-ui~=active]:active,
.ui-btn[data-ui~=warning]:active[data-ui~=active],
.ui-btn[data-ui~=warning][data-ui~=active][data-ui~=active] {
	color: #fff;
	border-color: #f99400;
	background: #f99400;
	background-clip: padding-box;
}
.ui-btn[data-ui~=success] {
	color: #6c3;
	border-color: #6c3;
	background: transparent;
	background-clip: padding-box;
}
.ui-btn[data-ui~=success]:active,
.ui-btn[data-ui~=success][data-ui~=active] {
	color: #6c3;
	border-color: #5cb82e;
	background-clip: padding-box;
}
.ui-btn[data-ui~=success]:active,
.ui-btn[data-ui~=success][data-ui~=active] {
	color: #fff;
	border-color: #6c3;
	background: #6c3;
	background-clip: padding-box;
}
.ui-btn[data-ui~=success]:active:active,
.ui-btn[data-ui~=success][data-ui~=active]:active,
.ui-btn[data-ui~=success]:active[data-ui~=active],
.ui-btn[data-ui~=success][data-ui~=active][data-ui~=active] {
	color: #fff;
	border-color: #5cb82e;
	background: #5cb82e;
	background-clip: padding-box;
}
.ui-btn[data-ui~=white] {
	color: #fff;
	border-color: #fff;
	background: transparent;
	background-clip: padding-box;
}
.ui-btn[data-ui~=white]:active,
.ui-btn[data-ui~=white][data-ui~=active] {
	color: #fff;
	border-color: #e6e6e6;
	background-clip: padding-box;
}
.ui-btn[data-ui~=white]:active,
.ui-btn[data-ui~=white][data-ui~=active] {
	color: #4a87ee;
	border-color: #fff;
	background: #fff;
	background-clip: padding-box;
}
.ui-btn[data-ui~=white]:active:active,
.ui-btn[data-ui~=white][data-ui~=active]:active,
.ui-btn[data-ui~=white]:active[data-ui~=active],
.ui-btn[data-ui~=white][data-ui~=active][data-ui~=active] {
	color: #4a87ee;
	border-color: #e6e6e6;
	background: #e6e6e6;
	background-clip: padding-box;
}
.ui-btn[data-ui~=grey] {
	color: #b4b4b4;
	border-color: #ddd;
	background: #fff;
	background-clip: padding-box;
}
.ui-btn[data-ui~=grey]:active,
.ui-btn[data-ui~=grey][data-ui~=active] {
	color: #b4b4b4;
	border-color: #c7c7c7;
	background: #e6e6e6;
	background-clip: padding-box;
}
.ui-btn[data-ui~=grey] > [class^=icon-] {
	margin-right: 4px;
	padding: 2px;
	font-size: 14px;
	border-radius: 4px;
	background-color: #b3b7bb;
	color: #fff;
}
.ui-btn[data-ui~=grey]:active,
.ui-btn[data-ui~=grey][data-ui~=active] {
	color: #fff;
	border-color: #ddd;
	background: #ddd;
	background-clip: padding-box;
}
.ui-btn[data-ui~=grey]:active:active,
.ui-btn[data-ui~=grey][data-ui~=active]:active,
.ui-btn[data-ui~=grey]:active[data-ui~=active],
.ui-btn[data-ui~=grey][data-ui~=active][data-ui~=active] {
	color: #fff;
	border-color: #c7c7c7;
	background: #c7c7c7;
	background-clip: padding-box;
}
.ui-btn[data-ui~=text] {
	background: none;
	border: none;
	outline: none;
}
.ui-btn[data-ui~=text] > [class^=icon-] {
	display: none;
}
.ui-btn[data-ui~=text]:active,
.ui-btn[data-ui~=text][data-ui~=active] {
	background: none !important;
	border: none !important;
	color: #90929a !important;
}
.ui-btn:active,
.ui-btn[data-ui~=active] {
	-webkit-transition: all .4s;
	transition: all .4s;
}
.ui-btns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.ui-btns > .ui-btn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	border-radius: 0;
	margin-right: -1px;
}
.ui-btns > .ui-btn:last-child {
	margin-right: 0;
}
.ui-btns > .ui-btn:active,
.ui-btns > .ui-btn[data-ui~=active] {
	z-index: 1;
}
.ui-btns[data-ui~=inline] {
	display: block;
	width: auto;
}
.ui-btns[data-ui~=inline]:after,
.ui-btns[data-ui~=inline]:before {
	content: ' ';
	display: table;
}
.ui-btns[data-ui~=inline]:after {
	clear: both;
}
.ui-btns[data-ui~=inline] > .ui-btn {
	float: left;
}
.ui-btns > .ui-btn:first-child {
	border-radius: 3px 0 0 3px;
}
.ui-btns > .ui-btn:last-child {
	border-radius: 0 3px 3px 0;
}

.ui-bar {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	position: fixed;
	right: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 44px;
	padding: 8px 0;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: .95;
	color: #444;
	background-color: #f8f8f8;
	border-width: 0;
	border-style: solid;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #b2b2b2;
	background-size: 0;
}
@media (-webkit-min-device-pixel-ratio:1.3),(min-resolution:125dpi) {
	.ui-bar {
		border: none;
		background-image: -webkit-linear-gradient(0, #b2b2b2, #b2b2b2 50%, transparent 50%);
		background-image: linear-gradient(0,#b2b2b2,#b2b2b2 50%,transparent 50%);
		background-position: bottom;
		background-size: 100% 1px;
		background-repeat: no-repeat;
	}
}
.ui-bar [data-ui~=title] {
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    font-size: 24px;
    line-height: 44px;
    text-align: center;
    font-weight: normal;
    margin: 0 10px;
    min-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-bar [data-ui~=title] a {
	color: inherit;
}
.ui-bar[data-ui~=header] {
	top: 0;
	border-top-width: 0;
	border-bottom-width: 1px;
}
.ui-bar[data-ui~=footer] {
	bottom: 0;
	border-top-width: 1px;
	border-bottom-width: 0;
	background-position: top;
}
.ui-bar[data-ui~=subheader] {
	top: 43px;
	border-top-width: 0;
	border-bottom-width: 1px;
	padding-right: 28px;
	padding-left: 28px;
	display: block;
	background-color: transparent;
}
.ui-bar[data-ui~=subheader] .ui-btn {
	border-width: 1px;
	font-size: .813rem;
}
.ui-bar[data-ui~=subfooter] {
	bottom: 44px;
	border-top-width: 1px;
	border-bottom-width: 0;
	background-position: top;
}
.ui-bar[data-ui~=static] {
	position: static;
}
.ui-bar[data-ui~=fullfill] {
	padding-right: 0;
	padding-left: 0;
}
.ui-bar[data-ui~=noframe] {
	border: none;
	background-image: none;
}
.ui-bar > .ui-btn,
.ui-bar > .ui-btns {
	z-index: 1;
}
.ui-bar .ui-btn {
	font-size: 18px;
    padding: 0 6px;
    line-height: 30px;
    min-width: 30px;
    height: 30px;
    border-width: 0;
    font-weight: normal;
}
.ui-bar .ui-btn > [class^=icon-] {
	font-size: 22px;
	width: 22px;
}
.ui-bar .ui-btn[data-ui~=icon-left] {
	padding-left: 28px;
}
.ui-bar .ui-btn[data-ui~=icon-left] > [class^=icon-] {
	position: absolute;
	top: 0;
	left: 4px;
}
.ui-bar .ui-btn[data-ui~=icon-right] {
	padding-right: 28px;
}
.ui-bar .ui-btn[data-ui~=icon-right] > [class^=icon-] {
	position: absolute;
	top: 0;
	right: 4px;
}
.ui-bar .ui-btn[data-ui~=icon-only] {
	padding: 0;
}
.ui-bar [data-ui~=title] + .ui-btn:last-child,
.ui-bar > .ui-btn + .ui-btn:last-child,
.ui-bar [data-ui~=title] + .ui-btns:last-child,
.ui-bar > .ui-btns + .ui-btns:last-child,
.ui-bar > [data-ui~=pull-right] {
	position: absolute;
	top: 7px;
	right: 8px;
}
.ui-bar[data-ui~=primary] {
	background-color: #4a87ee;
	border-color: #145fd7;
	background-image: -webkit-linear-gradient(0, #145fd7, #145fd7 50%, transparent 50%);
	background-image: linear-gradient(0,#145fd7,#145fd7 50%,transparent 50%);
	color: #fff;
}
.ui-bar[data-ui~=primary] [data-ui~=title] {
	color: #fff;
}
.ui-bar[data-ui~=primary] .ui-btn {
	color: #fff;
	border-color: #145fd7;
	background: #4a87ee;
	background-clip: padding-box;
}
.ui-bar[data-ui~=primary] .ui-btn:active,
.ui-bar[data-ui~=primary] .ui-btn[data-ui~=active] {
	color: #fff;
	border-color: #1256c1;
	background: #2d74eb;
	background-clip: padding-box;
}
.ui-bar[data-ui~=primary] .ui-btn:active,
.ui-bar[data-ui~=primary] .ui-btn[data-ui~=active] {
	color: #4a87ee;
	border-color: #fff;
	background: #fff;
	background-clip: padding-box;
}
.ui-bar[data-ui~=primary] .ui-btn:active:active,
.ui-bar[data-ui~=primary] .ui-btn[data-ui~=active]:active,
.ui-bar[data-ui~=primary] .ui-btn:active[data-ui~=active],
.ui-bar[data-ui~=primary] .ui-btn[data-ui~=active][data-ui~=active] {
	color: #4a87ee;
	border-color: #e6e6e6;
	background: #e6e6e6;
	background-clip: padding-box;
}
.ui-bar[data-ui~=danger] {
	background-color: #f5f5f5;
	border-bottom: 1px #c8c8c8 solid;
}
.ui-bar[data-ui~=danger] [data-ui~=title] {
	color: #030303;
}
.ui-bar[data-ui~=danger] .ui-btn {
	color: #fff;
	border-color: #cc2311;
	background: #ef4e3a;
	background-clip: padding-box;
}
.ui-bar[data-ui~=danger] .ui-btn:active,
.ui-bar[data-ui~=danger] .ui-btn[data-ui~=active] {
	color: #fff;
	border-color: #b81f0f;
	background: #ed351f;
	background-clip: padding-box;
}
.ui-bar[data-ui~=danger] .ui-btn:active,
.ui-bar[data-ui~=danger] .ui-btn[data-ui~=active] {
	color: #ef4e3a;
	border-color: #fff;
	background: #fff;
	background-clip: padding-box;
}
.ui-bar[data-ui~=danger] .ui-btn:active:active,
.ui-bar[data-ui~=danger] .ui-btn[data-ui~=active]:active,
.ui-bar[data-ui~=danger] .ui-btn:active[data-ui~=active],
.ui-bar[data-ui~=danger] .ui-btn[data-ui~=active][data-ui~=active] {
	color: #ef4e3a;
	border-color: #e6e6e6;
	background: #e6e6e6;
	background-clip: padding-box;
}
.ui-bar[data-ui~=warning] {
	background-color: #f0b840;
	border-color: #d39211;
	background-image: -webkit-linear-gradient(0, #d39211, #d39211 50%, transparent 50%);
	background-image: linear-gradient(0,#d39211,#d39211 50%,transparent 50%);
	color: #fff;
}
.ui-bar[data-ui~=warning] [data-ui~=title] {
	color: #fff;
}
.ui-bar[data-ui~=warning] .ui-btn {
	color: #fff;
	border-color: #d39211;
	background: #f0b840;
	background-clip: padding-box;
}
.ui-bar[data-ui~=warning] .ui-btn:active,
.ui-bar[data-ui~=warning] .ui-btn[data-ui~=active] {
	color: #fff;
	border-color: #be830f;
	background: #eeae24;
	background-clip: padding-box;
}
.ui-bar[data-ui~=warning] .ui-btn:active,
.ui-bar[data-ui~=warning] .ui-btn[data-ui~=active] {
	color: #f0b840;
	border-color: #fff;
	background: #fff;
	background-clip: padding-box;
}
.ui-bar[data-ui~=warning] .ui-btn:active:active,
.ui-bar[data-ui~=warning] .ui-btn[data-ui~=active]:active,
.ui-bar[data-ui~=warning] .ui-btn:active[data-ui~=active],
.ui-bar[data-ui~=warning] .ui-btn[data-ui~=active][data-ui~=active] {
	color: #f0b840;
	border-color: #e6e6e6;
	background: #e6e6e6;
	background-clip: padding-box;
}
.ui-bar[data-ui~=success] {
	background-color: #6c3;
	border-color: #498f24;
	background-image: -webkit-linear-gradient(0, #498f24, #498f24 50%, transparent 50%);
	background-image: linear-gradient(0,#498f24,#498f24 50%,transparent 50%);
	color: #fff;
}
.ui-bar[data-ui~=success] [data-ui~=title] {
	color: #fff;
}
.ui-bar[data-ui~=success] .ui-btn {
	color: #fff;
	border-color: #498f24;
	background: #6c3;
	background-clip: padding-box;
}
.ui-bar[data-ui~=success] .ui-btn:active,
.ui-bar[data-ui~=success] .ui-btn[data-ui~=active] {
	color: #fff;
	border-color: #428120;
	background: #5cb82e;
	background-clip: padding-box;
}
.ui-bar[data-ui~=success] .ui-btn:active,
.ui-bar[data-ui~=success] .ui-btn[data-ui~=active] {
	color: #6c3;
	border-color: #fff;
	background: #fff;
	background-clip: padding-box;
}
.ui-bar[data-ui~=success] .ui-btn:active:active,
.ui-bar[data-ui~=success] .ui-btn[data-ui~=active]:active,
.ui-bar[data-ui~=success] .ui-btn:active[data-ui~=active],
.ui-bar[data-ui~=success] .ui-btn[data-ui~=active][data-ui~=active] {
	color: #6c3;
	border-color: #e6e6e6;
	background: #e6e6e6;
	background-clip: padding-box;
}
.ui-bar[data-ui~=tab] {
	padding: 0;
	height: 44px;
}
.ui-bar[data-ui~=tab] .ui-btn {
	color: #656970;
}
.ui-bar[data-ui~=tab] .ui-btn:active,
.ui-bar[data-ui~=tab] .ui-btn[data-ui~=active] {
	color: #e93226;
	border-color: none;
	background: transparent;
	background-clip: padding-box;
}
.ui-bar[data-ui~=tab] .ui-btn:active:active,
.ui-bar[data-ui~=tab] .ui-btn[data-ui~=active]:active,
.ui-bar[data-ui~=tab] .ui-btn:active[data-ui~=active],
.ui-bar[data-ui~=tab] .ui-btn[data-ui~=active][data-ui~=active] {
	color: #e93226;
	background-clip: padding-box;
}
.ui-bar[data-ui~=tab] .ui-btn[data-ui~=icon-top] {
	font-size: 11px;
	line-height: 69px;
	height: 44px;
}
.ui-bar[data-ui~=tab] .ui-btn[data-ui~=icon-top] > [class^=icon-] {
	font-size: 22px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	position: absolute;
	top: 3px;
	left: 50%;
	margin-left: -11px;
}
.ui-bar[data-ui~=nav] {
	background: #fff;
}
.ui-bar[data-ui~=nav] .ui-btn {
	color: #7f8c8d;
	border-radius: 0;
	height: 36px;
}
.ui-bar[data-ui~=nav] .ui-btn:active,
.ui-bar[data-ui~=nav] .ui-btn[data-ui~=active] {
	color: #ef4e3a;
	border-color: none;
	background: transparent;
	background-clip: padding-box;
	border-bottom: 5px solid;
}
.ui-bar[data-ui~=nav] .ui-btn:active:active,
.ui-bar[data-ui~=nav] .ui-btn[data-ui~=active]:active,
.ui-bar[data-ui~=nav] .ui-btn:active[data-ui~=active],
.ui-bar[data-ui~=nav] .ui-btn[data-ui~=active][data-ui~=active] {
	color: #5ea91e;
	background-clip: padding-box;
}
.ui-bar[data-ui~=nav] .ui-btn .badge {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 10px;
	height: 10px;
	background: #ef4e3a;
	border-radius: 20px;
}
.ui-content {
	font-size: .875rem;
	line-height: 1.5rem;
}
.ui-content h1,
.ui-content h2,
.ui-content h3,
.ui-content h4,
.ui-content h5,
.ui-content h6,
.ui-content strong {
	font-weight: 700;
}
.ui-content em {
	font-style: italic;
}
.ui-content code {
	font-family: monospace;
}
.ui-content pre {
	overflow-x: auto;
}
.ui-content h1 {
	font-size: 1.75rem;
	line-height: 3rem;
}
.ui-content h2 {
	font-size: 1.531rem;
	line-height: 3rem;
}
.ui-content h3 {
	font-size: 1.313rem;
	line-height: 1.5rem;
}
.ui-content h4 {
	font-size: 1.094rem;
	line-height: 1.5rem;
}
.ui-content h5 {
	font-size: .875rem;
	line-height: 1.5rem;
}
.ui-content h6 {
	font-size: .744rem;
	line-height: 1.5rem;
}
.ui-content h1,
.ui-content h2,
.ui-content h3,
.ui-content h4,
.ui-content h5,
.ui-content h6 {
	margin-top: .75rem;
	margin-bottom: .75rem;
}
.ui-content ul,
.ui-content ol {
	margin: .75rem 0 .75rem 1.563rem;
}
.ui-content ul {
	list-style-type: disc;
}
.ui-content ol {
	list-style-type: decimal;
}
.ui-content ul ul,
.ui-content ul ol,
.ui-content ol ol,
.ui-content ol ul {
	margin-top: 0;
	margin-bottom: 0;
}
.ui-content p,
.ui-content blockquote {
	margin-top: .75rem;
	margin-bottom: .75rem;
}

.ui-slider {
    position: relative;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0 0 25px 0;
}
.ui-slider > [data-role~=wrapper] {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.ui-slider > [data-role~=wrapper] [data-role~=item] {
	overflow: hidden;
	position: relative;
	float: left;
	box-sizing: border-box;
	text-align: center;
}
.ui-slider > [data-role~=wrapper] [data-role~=item] a {
	display: inline-block;
	max-width: 100%;
}
.ui-slider > [data-role~=wrapper] [data-role~=item] img {
	vertical-align: middle;
	max-width: 100%;
}
.ui-slider > [data-role~=wrapper] [data-role~=item] p {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 6px 0;
	background: rgba(0,0,0,0.5);
	color: #fff;
	text-align: left;
	text-indent: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ui-imageview {
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.ui-imageview.full > [data-role~=toolbar] {
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.ui-imageview.full > [data-role~=toolbar][data-ui~=header] {
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
}
.ui-imageview > [data-role~=toolbar] {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2046;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 1.25rem;
	font-weight: 700;
	text-align: center;
	-webkit-transition: -webkit-transform .4s ease-in-out 200ms;
	transition: transform .4s ease-in-out 200ms;
}
.ui-imageview > [data-role~=toolbar][data-ui~=header] {
	position: absolute;
	top: 0;
	left: 0;
}
.ui-imageview [data-role~=close] {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2047;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 1rem;
}
.ui-imageview > [data-role~=wrapper] {
	white-space: nowrap;
	width: 100%;
	height: 100%;
}
.ui-imageview [data-role~=item] {
	float: left;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
}
.ui-imageview [data-role~=item] img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	user-drag: none;
	display: block;
	margin: 0 auto;
	-webkit-transition: all 500ms;
	transition: all 500ms;
}
.ui-masker {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	display: block;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1024;
}
.ui-masker > [data-role~=wrapper] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: 1;
}
.ui-masker .ui-imageview > [data-role~=toolbar] {
	color: #fff;
	background: rgba(0,0,0,0.5);
}
.ui-tip {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	bottom: 14px;
	left: 50%;
	z-index: 999;
	box-sizing: border-box;
	width: 210px;
	height: 70px;
	margin-left: -105px;
	padding: 5px 0 5px 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 2px;
	box-shadow: 0 0 3px rgba(0,0,0,0.8);
	color: #fff;
	background-color: rgba(73,73,73,0.8);
}
.ui-tip > b {
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid rgba(73,73,73,0.8);
}
.ui-tip > i {
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 1.25rem;
}
.ui-tip > img {
	display: block;
	width: 60px;
	height: 60px;
}
.ui-tip > p {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: .813rem;
	font-weight: 500;
	line-height: 22px;
	padding-top: 5px;
	padding-left: 5px;
}
.ui-tip > p i {
	font-size: 1.563rem;
}
.ui-label {
	vertical-align: top;
	text-decoration: none;
	box-sizing: border-box;
	text-align: center;
	color: #666;
}
.ui-label[data-ui~=inline] {
	display: inline-block;
}
.ui-label:not([data-ui~=inline]) {
	display: block;
}
.ui-label[data-ui~=primary] {
	color: #4a87ee;
}
.ui-label[data-ui~=danger] {
	color: #ef4e3a;
}
.ui-label[data-ui~=warning] {
	color: #f0b840;
}
.ui-label[data-ui~=success] {
	color: #6c3;
}
@font-face {
	font-family: 'h5';
	src: url("font/icomoon.woff?-201505062025") format('woff'),url("font/icomoon.ttf?-201505062025") format('truetype');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"],
[class*=" icon-"],
.more.loading:after,
.menus > a:before,
.container.user .profile:after,
.container.user .profile .binding a:before {
	font-family: 'h5';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-eye:before {
	content: "\e62f";
}
.icon-eye2:before {
	content: "\e630";
}
.icon-bookmark:before {
	content: "\e62e";
}
.icon-game:before {
	content: "\e62c";
}
.icon-score:before {
	content: "\e62b";
}
.icon-gift:before {
	content: "\e628";
}
.icon-pay:before {
	content: "\e629";
}
.icon-user-setting:before {
	content: "\e62a";
}
.icon-camera:before {
	content: "\e627";
}
.icon-broadcast:before {
	content: "\e626";
}
.icon-warning:before {
	content: "\e625";
}
.icon-wp:before {
	content: "\e624";
}
.icon-plus-empty:before {
	content: "\e621";
}
.icon-home2:before {
	content: "\e620";
}
.icon-user2:before {
	content: "\e62d";
}
.icon-category2:before {
	content: "\e631";
}
.icon-rank2:before {
	content: "\e622";
}
.icon-search2:before {
	content: "\e623";
}
.icon-android:before {
	content: "\e618";
}
.icon-apple:before {
	content: "\e619";
}
.icon-download:before {
	content: "\e61a";
}
.icon-email:before {
	content: "\e61b";
}
.icon-service:before {
	content: "\e61c";
}
.icon-talk:before {
	content: "\e61d";
}
.icon-tel:before {
	content: "\e61e";
}
.icon-renren:before {
	content: "\e614";
}
.icon-qzone:before {
	content: "\e615";
}
.icon-tqq:before {
	content: "\e616";
}
.icon-weibo:before {
	content: "\e617";
}
.icon-star:before {
	content: "\e608";
}
.icon-star2:before {
	content: "\e606";
}
.icon-star3:before {
	content: "\e607";
}
.icon-heart:before {
	content: "\e612";
}
.icon-heart2:before {
	content: "\e613";
}
.icon-wechat:before {
	content: "\e61f";
}
.icon-close:before {
	content: "\e60e";
}
.icon-share:before {
	content: "\e60f";
}
.icon-spinner:before,
.more.loading:after {
	content: "\e60c";
}
.icon-top:before {
	content: "\e60a";
}
.icon-refresh:before {
	content: "\e600";
}
.icon-ok:before {
	content: "\e601";
}
.icon-left:before {
	content: "\e602";
}
.icon-right:before,
.menus > a:before,
.container.user .profile:after {
	content: "\e60b";
}
.icon-user:before {
	content: "\e603";
}
.icon-question:before {
	content: "\e604";
}
.icon-search:before {
	content: "\e60d";
}
.icon-category:before {
	content: "\e605";
}
.icon-rank:before {
	content: "\e610";
}
.icon-home:before {
	content: "\e609";
}
.icon-sad:before {
	content: "\e611";
}
.icon-notice:before {
	content: "\e633";
}
.icon-user3:before {
	content: "\e634";
}
.icon-download-bold:before {
	content: "\e635";
}
.icon-search-bold:before {
	content: "\e636";
}
.icon-arrow-circle-down:before {
	content: "\e637";
}
.icon-arrow-circle-up:before {
	content: "\e638";
}
.icon-special:before {
	content: "\e639";
}
.icon-qq:before {
	content: "\e63a";
}
.icon-qq-bg:before {
	content: "\e63b";
}
.icon-wechat-bg:before {
	content: "\e63c";
}
.icon-weibo-bg:before {
	content: "\e63d";
}
.icon-qzone-bg:before {
	content: "\e63e";
}
.icon-tqq-bg:before {
	content: "\e63f";
}
.icon-facebook-bg:before {
	content: "\e640";
}
.icon-twitter-bg:before {
	content: "\e641";
}
.icon-flag:before {
	content: "\e643";
}
.icon-phone:before {
	content: "\e642";
}
.icon-mail:before {
	content: "\e644";
}
.icon-ok-bg:before,
.container.user .profile .binding a.ok:before {
	content: "\e645";
}
.icon-question-bg:before,
.container.user .profile .binding a:before {
	content: "\e646";
}
.icon-fav:before {
	content: "\e608";
}
.icon-star-0:before {
	content: "\e608\e608\e608\e608\e608";
}
.icon-star-1:before {
	content: "\e607\e608\e608\e608\e608";
}
.icon-star-2:before {
	content: "\e607\e607\e608\e608\e608";
}
.icon-star-3:before {
	content: "\e607\e607\e607\e608\e608";
}
.icon-star-4:before {
	content: "\e607\e607\e607\e607\e608";
}
.icon-star-5:before {
	content: "\e607\e607\e607\e607\e607";
}
.hidden,
[hidden] {
	display: none;
}
.ui-bar[data-ui~=header] img {
	width: 28px;
	vertical-align: middle;
}
.ui-bar[data-ui~=header] .avatar {
	border-radius: 30px;
}
.ui-slider[data-ui~=col2] [data-role~=item] img {
	max-width: 48%;
}
.ui-slider > [data-role~=dot] {
	padding: 0 6px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.ui-slider > [data-role~=dot] > b {
    display: inline-block;
    margin: 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #B3EDD5;
}
.ui-slider > [data-role~=dot] > b.active {
	background: #42D197;
}

/*焦点图*/
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.swipe-slider{
	/*max-width: 1080px;*/
	margin:0 auto;
	visibility: hidden;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	padding-bottom: 25px;
}
.swipe-wrap {
	max-height: 372px; 
	overflow: hidden;
	position: relative;
}
.swipe-wrap li {
  float:left;
  width:100%;
  position: relative;
}

.swipe-wrap img {
  display:block;
  width: 100%;
  height: auto;
}
.swipe-point{
	padding: 0 6px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.swipe-point b{
	display: inline-block;
    margin: 0 10px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #B3EDD5;
}
.swipe-point b.active{
	background: #42D197;
}
/*焦点图 end*/

.container {
	padding: 0;
}
.container > h3 {
	display: inline-block;
	margin: 20px 10px;
	font-size: 1rem;
	line-height: 22px;
}
.container > h3 > em {
	color: #9b9b9b;
	float: right;
	font-size: .75rem;
}
.container > section {
	margin-top: 6px;
	margin-bottom: 6px;
	background: #fff;
	overflow: hidden;
}
.container > section[data-ui~=left] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.container > section[data-ui~=left] > header {
	width: 20px;
	margin-right: 5px;
	margin-bottom: 12px;
}
.container > section[data-ui~=left] > [data-role=body] {
	padding-right: 0;
	padding-left: 0;
}
.container > section > header {
	position: relative;
	box-sizing: border-box;
	margin: 12px;
	margin-bottom: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid #e6e6e6;
}
.container > section > header h2 {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #3c3c3c;
}
.container > section > header a {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 60px;
	font-size: 13px;
	line-height: 26px;
	padding: 0 4px;
	margin-top: -4.5px;
	outline: none;
	text-decoration: none;
	text-align: right;
	color: #5b5b5b;
	box-sizing: content-box;
	overflow: hidden;
}
.container > section > header a[data-ui~=warning] {
	padding: 0 8px;
	margin-top: -4.5px;
	height: 24px;
	border-radius: 6px;
	background: #f90;
	color: #fff;
}
.container > section > header a i {
	float: right;
	margin-left: 2px;
}
.container > section > header a[data-ui~=icon-left] i {
	float: left;
	margin-right: 2px;
}
.container > section > [data-role=body] {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}
.container > section > footer {
	box-sizing: border-box;
}
.banner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
.banner a,
.banner img {
	display: block;
	margin-left: 4px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-sizing: border-box;
}
.banner a:first-child,
.banner img:first-child {
	margin-left: 0;
}
.banner[data-ui~=btn] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.banner[data-ui~=btn] .ui-btn {
	display: block;
	font-size: .938rem;
	padding: 0 6px;
}
.banner[data-ui~=btn] [class^=icon-] {
	margin-right: .313rem;
	font-size: .875rem;
}
.banner[data-ui~=image] {
	overflow: hidden;
}
.banner[data-ui~=image] a,
.banner[data-ui~=image] img {
	width: 100%;
}
.intro {
	position: relative;
	padding: 4px;
	font-size: 14px;
	color: #9b9b9b;
	box-sizing: border-box;
}
.intro[data-ui=frame] {
	margin: 4px;
	background: #fff;
	border: 1px solid #ddd;
	border-width: 1px;
	overflow: hidden;
}
.intro > h3 {
	font-size: 16px;
	line-height: 20px;
	color: #333;
}
.intro > h3 em {
	margin: 0 2px;
	padding: 1px 2px;
	font-size: 10px;
	border-radius: 4px;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #6c3;
	color: #fff;
}
.intro > span {
	position: absolute;
	top: 8px;
	right: 6px;
	font-size: 12px;
}
.intro > p {
	margin-top: 4px;
	margin-bottom: 4px;
	line-height: 18px;
	font-size: 13px;
}
.cover {
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
	overflow: hidden;
	background-size: auto 80%;
	background-position: center;
	/*background-color: rgba(241,241,241,0.5);*/
}
.cover,
.cover img {
	display: block;
	border-radius: 12px;
    width: 90px;
    height: 90px;
}
.cover i {
	position: absolute;
	top: -2px;
	left: -22px;
	box-sizing: border-box;
	padding: 4px 0;
	width: 62px;
	font-size: 12px;
	color: #fff;
	background: #818080;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
	-webkit-transform: rotateZ(-45deg) scale(.7);
	transform: rotateZ(-45deg) scale(.7);
}
.cover i:last-child {
	position: absolute;
	top: 0;
	right: -24px;
	left: initial;
	-webkit-transform: rotateZ(45deg) scale(.7);
	transform: rotateZ(45deg) scale(.7);
}
.cover i[data-ui~=badge0] {
	background: #818080;
}
.cover i[data-ui~=badge1] {
	background: #3d8b2e;
}
.cover i[data-ui~=badge2] {
	background: #2e6dd6;
}
.cover i[data-ui~=badge3] {
	background: #d53317;
}
.cover i[data-ui~=badge4] {
	background: #ad08bb;
}
.cover i[data-ui~=badge5] {
	background: #f3a90b;
}
.cover .tip {
	position: absolute;
	bottom: 0;
	padding: 2px 0;
	width: 100%;
	line-height: 14px;
	text-align: center;
	background: rgba(0,0,0,0.3);
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}
.cover .status {
	color: #008000;
	font-size: 12px;
	font-weight: 700;
}
.cover .status[data-ui~=limit] {
	font-weight: normal;
	text-decoration: line-through;
	color: #999;
}
.cover[data-ui~=frame] {
	box-shadow: none;
	border-radius: 0;
}
.cover[data-ui~=frame] i {
	display: none;
}
.cover[data-ui~=frame]:before {
	content: ' ';
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	position: absolute;
}
.meta {
	-webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #9b9b9b;
    padding: 0 10px;
}
.meta .title {
	color: #333;
    font-weight: 400;
    font-size: 24px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.meta [class^="icon-"],
.meta [class*=" icon-"] {
	color: #ffa016;
	font-size: .75rem;
}
.meta .count {
	font-size: .75rem;
	margin-right: 4px;
	margin-left: 4px;
}
.meta .author {
	display: block;
	font-size: .75rem;
	margin-top: 5px;
}
.meta .desc {
	margin-top: 9px;
	line-height: 1;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.empty {
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #ef4e3a;
}
.empty a {
	color: ;
}
.empty a:visited,
.empty a:active {
	color: 
}
.empty i {
	display: block;
	font-size: 50px;
	margin: 20px auto;
	color: 
}
.empty p {
	line-height: 24px;
	padding: 0 20px;
	color: #3c3c3c;
}
.empty[data-ui~=warning] {
	font-size: 14px;
	color: #666;
	text-align: left;
}
.empty[data-ui~=warning] dt,
.empty[data-ui~=warning] dd {
	margin: 10px 0;
	padding: 0 20px;
}
.empty[data-ui~=warning] dt {
	font-size: 16px;
}
.empty[data-ui~=warning] em {
	margin: 0 2px;
	color: #f84c36;
}
.empty[data-ui~=warning] p[data-ui~=tip] {
	text-align: left;
	font-size: 12px;
	margin: 6px 0;
}
.input-box .ui-bar {
	position: static;
}
.input-box .grade {
	padding: 8px;
	text-align: center;
	color: #f3a90b;
	font-size: 1.25rem;
	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	background: #fafafa;
}
.input-box .grade span {
	display: inline-block;
	margin: auto 5px;
}
.input-box .grade span[data-role=text] {
	width: 50px;
}
.input-box footer {
	padding: 8px;
	text-align: center;
}
.input-box footer .ui-btn {
	margin: 0 6px;
	height: 30px;
	line-height: 30px;
	min-width: 30px;
	font-size: 1rem;
}
.input-box form {
	padding: 10px;
}
.input-box input,
.input-box textarea {
	margin: 5px auto;
	width: 100%;
	line-height: 30px;
	font-size: 24px;
	color: #000;
	-webkit-appearance: none;
	border: none;
	box-sizing: border-box;
}
.input-box input {
	width: 100%;
	font-size: 20px;
	color: #000;
	-webkit-appearance: none;
	border: 1px solid #b2b2b2;
	text-indent: 6px;
}
.input-box textarea {
	line-height: 20px;
	min-height: 100px;
	font-size: 15px;
}
.statement {
	padding: 10px;
}
.statement > h3 {
	font-size: 15px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
}
.statement > p {
	padding: 5px 0;
	font-size: 13px;
	text-align: left;
}
.qrcode {
	width: 180px;
	box-sizing: border-box;
	position: fixed;
	top: 40%;
	right: 40px;
	z-index: 999;
	border: 1px solid #4a87ee;
	background: #fff;
	color: #4a87ee;
	box-shadow: 0 1px 1px 1px rgba(0,0,0,0.25);
}
.qrcode.wechat {
	top: 10%;
}
.qrcode .icon-close {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 20px;
	cursor: pointer;
}
.qrcode h4 {
	margin: 5px 0;
	font-size: 14px;
	text-align: center;
}
.qrcode img {
	width: 100%;
}
.holder {
	display: block;
	visibility: hidden;
	height: 2px;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}
.gotop {
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 999;
	border-radius: 30px;
	border: none;
	color: #fff;
	background-color: rgba(239,78,58,0.8);
	box-shadow: 0 0 2px #ef4e3a;
	-webkit-transform: scale(.85);
	-ms-transform: scale(.85);
	transform: scale(.85);
}
.gotop.ui-btn:active,
.gotop.ui-btn[data-ui~=active] {
	color: #fff;
	background-color: #ef4e3a;
}
.popmenu {
	position: absolute;
	top: 100px;
	left: 100px;
	background-color: rgba(168,165,165,0.8);
	padding-right: 6px;
	padding-left: 6px;
	border-radius: 6px;
	box-sizing: border-box;
}
.popmenu .ui-btn {
	display: block;
	margin: 8px 2px;
}
.dropmenu {
	background-color: rgba(168,165,165,0.8);
	box-sizing: border-box;
	margin: 0 auto;
	padding: 8px;
	border-radius: 6px;
	width: 60%;
	min-width: 180px;
	max-width: 280px;
}
.dropmenu header {
	text-align: center;
	color: #fff;
}
.dropmenu .ui-btn {
	display: block;
	margin: 12px 8px;
	height: 34px;
	line-height: 34px;
	font-size: 18px;
}
.dropmenu .ui-btn > [class^=icon-] {
	font-size: 16px;
	width: 16px;
}
.dropmenu .ui-btn[data-ui~=ok] {
	margin: 20px 0 0 0;
}
.broadcast {
	margin: 10px;
	box-sizing: border-box;
	font-size: 14px;
	text-align: center;
	color: #3c3c3c;
}
.broadcast a {
	color: #ef4e3a;
}
.broadcast i {
	vertical-align: middle;
	font-size: 16px;
	border-radius: 4px;
	padding: 2px;
	background-color: #ef4e3a;
	color: #fff;
}
.screenTip {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: rgba(0,0,0,0.85);
}
.screenTip [data-role=inner] {
	width: 100%;
	height: 100%;
	padding-top: 100px;
}
.screenTip [data-role=arrow] {
	position: absolute;
	z-index: 9999;
	width: 100px;
}
.screenTip [data-role=arrow][data-ui~=rt] {
	top: 3px;
	right: 18px;
}
.screenTip p {
	margin: 10px auto;
	padding: 0;
	font-size: 20px;
	text-align: center;
	color: #fff;
}
section[data-ui~=graphic] figure {
	display: block;
	box-sizing: border-box;
	margin: 6px auto;
}
section[data-ui~=graphic] figure img {
	width: 100%;
}
section[data-ui~=graphic] [data-role=body] {
	padding-right: 6px;
	padding-left: 6px;
}
section[data-ui~=graphic] [data-role=info] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 6px 0;
	font-size: 13px;
	color: #a0a0a0;
}
section[data-ui~=graphic] [data-role=info] > div {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
section[data-ui~=graphic] [data-role=info] h3 {
	font-size: 15px;
	color: #333;
}
section[data-ui~=graphic] [data-role=info] p {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}
section[data-ui~=graphic] [data-role=info] strong {
	font-weight: 600;
	color: #ef4e3a;
}
/*列表****************************************************************************************/

/*.list {
	margin-top: 10px;
    border-top: 1px solid #AAEAD0;
    height: 130px;
}
.list:after,
.list:before {
	content: ' ';
	display: table;
}
.list:after {
	clear: both;
}
.list > h2 {
	margin-bottom: 5px;
	margin-left: 10px;
	color: #4a87ee;
}
.list > h2 i {
	float: left;
	margin-right: 5px;
}
.list[data-ui~=v] {
	overflow: hidden;
	box-sizing: border-box;
	width: 10000px;
	margin: 0;
}
.list[data-ui~=v] .item {
	float: left;
	width: 100px;
	height: auto;
	margin: 0 auto;
	border: 0;
	text-align: center;
}
.list[data-ui~=v] .item > a {
	display: block;
}
.list[data-ui~=v] .item .cover {
	margin: 0;
}
.list[data-ui~=v] .count {
	display: inline-block;
}
.list[data-ui~=v] .meta .title {
	margin-top: 4px;
	margin-bottom: 2px;
}
.list[data-ui~=vs] {
	width: 100%;
}
.list[data-ui~=vs] .item {
	width: 25%;
}
.list[data-ui~=mini] .item {
	padding-bottom: 0;
}
.list[data-ui~=mini] .item .play,
.list[data-ui~=mini] .item .meta {
	display: none;
}
.list[data-ui~=img] {
	overflow: hidden;
	box-sizing: border-box;
	width: 1000px;
	margin: 0;
}
.list[data-ui~=img] .item {
	float: left;
	width: 180px;
	height: 100%;
	padding: 0;
	margin: 10px 0 10px 12px;
	border: 0;
	text-align: center;
}
.list[data-ui~=img] .item:first-child {
	margin-left: 0;
}
.list[data-ui~=img] .item > a {
	display: block;
	color: transparent;
	font: 0/0 a;
	text-shadow: none;
}
.list[data-ui~=img] .item > a img {
	width: 100%;
	border-radius: 10px;
}
.list[data-ui~=imgs] {
	width: 100%;
	margin: 1% 0;
}
.list[data-ui~=imgs] .item {
	width: 50%;
	height: auto;
	margin: 0;
	padding: 1%;
}
.list .item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	height: 80px;
	text-decoration: none;
	border-bottom: 1px solid #f7f7f7;
	color: #000;
}
.list .item:active {
	background: #f7f7f7;
}
.list .item:last-child {
	border-bottom: 0;
}
.list .item > a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	text-decoration: none;
	width: 100%;
	position: relative;
}
.list .item > a.ui-btn {
	display: block;
}
.list .item .cover {
	margin-right: 6px;
	margin-left: 2px;
	-webkit-mask-image: -webkit-radial-gradient(circle,#fff 100%,#000 100%);
}
.list .item .play {
	position: absolute;
	right: 10px;
	bottom: 27px;
	width: auto;
}
.list .item .platform {
	float: left;
}
.list .item .platform i {
	font-size: 1.125rem;
	margin: 0 2px;
}
.list .item .platform .icon-wechat {
	color: #2ee215;
}*/

.more {
	border: none;
}
.more.loading:after {
	position: absolute;
	top: 0;
	right: 15px;
	display: block;
	-webkit-animation: rotate 1s linear infinite;
	animation: rotate 1s linear infinite;
	vertical-align: middle;
	margin-left: 5px;
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.mod {
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.mod h3 {
	font-size: 1rem;
	line-height: 1rem;
	margin: 5px 0 10px 0;
	font-weight: normal;
}
.mod h3 small {
	font-size: .688rem;
	font-weight: normal;
	color: #4a87ee;
	margin-left: 5px;
}
.mod h3 span {
	margin-left: 5px;
	font-size: .75rem;
}
.mod h3 em {
	font-weight: normal;
	color: #399eee;
}
.mod [data-role~=wrapper] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.mod [data-role~=wrapper] a {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-decoration: none;
	color: #666;
	font-size: .75rem;
	line-height: 2em;
	text-align: center;
}
.mod [data-role~=wrapper] p {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.suggest {
	display: block;
}
.suggest .cover {
	display: block;
}
.suggest .tags {
	padding: 10px;
}
.suggest .tags .ui-btn {
	margin: 3px 2px;
}
.rank-score {
	display: block;
}
.rank-score .score {
	line-height: 1rem;
	color: #399eee;
}
.box {
	box-sizing: border-box;
	padding: 0 10px 10px 10px;
}
.box:first-child {
	padding-top: 10px;
}
.box[data-ui~=right] {
	text-align: right;
}
.box header {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1rem;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #555;
}
.box header h2 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 1.125rem;
	line-height: 1.625rem;
	color: #555;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.box header i {
	float: left;
	margin-right: 8px;
	color: #4a87ee;
}
.box header em {
	font-size: .875rem;
	color: #818080;
}
.box header a {
	text-decoration: none;
	color: #4a87ee;
}
.box header a .icon-ellipsis {
	font-size: 1.5rem;
}
[data-role=form] {
	box-sizing: border-box;
}
[data-role=form] input {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
[data-role=form] [type=submit] {
	display: block;
	width: 100%;
	outline: none;
}
[data-role=form] label,
[data-role=form] [data-role=label] {
	display: block;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	padding: 6px 12px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 28px;
}
[data-role=checkbox] {
	margin-bottom: 6px;
	color: #555;
	font-size: 14px;
}
[data-role=checkbox] input {
	margin-right: 8px;
	-webkit-appearance: checkbox;
}
[data-role=checkbox] i {
	font-size: 1.375rem;
	vertical-align: sub;
}
[data-role=checkbox] label,
[data-role=checkbox] [data-role=label] {
	display: inline-block;
}
[data-role=field] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	border-collapse: separate;
	margin-bottom: 6px;
	height: 40px;
	line-height: 40px;
}
[data-role=field][data-error] input {
	border-color: #f00;
}
[data-role=field] label,
[data-role=field] [data-role=label] {
	color: #555;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px 0 0 4px;
}
[data-role=field] label:first-child,
[data-role=field] [data-role=label]:first-child {
	border-right: 0;
}
[data-role=field] input {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block;
	height: 40px;
	padding: 6px 12px;
	font-size: 1rem;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0 4px 4px 0;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-sizing: border-box;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
[data-role=field] input:focus {
	border-color: #66afe9;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
}
[data-role=field] .sub {
	margin: auto 4px;
	font-size: .875rem;
}
[data-role=field] .sub img {
	vertical-align: middle;
}
[data-role=field] .sub span {
	margin: auto 6px;
}
.notice {
	display: block;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 96px;
	font-size: 15px;
	line-height: 13px;
	background: #fff;
	color: #656970;
}
.notice > span {
	position: absolute;
	left: 16px;
	margin-top: 0;
	margin-right: 8px;
	color: #ef4e3a;
}
.notice > div {
	position: relative;
	margin-top: -1px;
	height: 1rem;
	line-height: 15px;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.notice > div:after,
.notice > div:before {
	content: ' ';
	display: table;
}
.notice > div:after {
	clear: both;
}
.notice > div a {
	position: absolute;
	top: 30px;
	color: #656970;
	text-decoration: none;
	-webkit-transition: top .2s ease;
	-webkit-backface-visibility: hidden;
}
.notice > div a.show {
	top: 1px;
}
.notice i {
	margin-right: 4px;
	font-size: 22px;
	vertical-align: sub;
}
.notice em {
	margin-top: 0;
	margin-right: 0;
	margin-left: 3px;
	padding: 1px 2px;
	box-sizing: border-box;
	border-radius: 4px;
	vertical-align: text-bottom;
	color: #fff;
	background: #21d547;
	font-size: .625rem;
	height: 12px;
}
.entry {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: .5rem;
	margin-bottom: .5rem;
	text-align: center;
}
.entry[data-ui~=style1] a:nth-child(1) {
	background: #e9604a;
}
.entry[data-ui~=style1] a:nth-child(2) {
	background: #45c1cc;
}
.entry[data-ui~=style1] a:nth-child(3) {
	background: #9d76c9;
}
.entry[data-ui~=style1] a:nth-child(4) {
	background: #b87e64;
}
.entry a {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-decoration: none;
	box-sizing: border-box;
	padding: .5rem 0;
	margin-right: .375rem;
	margin-left: .375rem;
	font-size: 1rem;
	color: #fff;
}
.entry a:nth-child(1) {
	background: #f90;
}
.entry a:nth-child(2) {
	background: #6cf;
}
.entry a:nth-child(3) {
	background: #6c6;
}
.entry a:nth-child(4) {
	background: #fc0;
}
.menus {
	padding: 4px;
}
.menus > a {
	position: relative;
	display: block;
	padding: 4px;
	height: 38px;
	line-height: 38px;
	color: #9b9b9b;
	text-decoration: none;
	border-bottom: 1px solid #f7f7f7;
}
.menus > a:last-child {
	border-bottom: none;
}
.menus > a:before {
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 16px;
	line-height: 16px;
	margin-top: -8px;
}
.menus > a[data-ui~=noarrow]:before {
	display: none;
}
.menus > a[data-ui~=noarrow] em {
	margin-right: 0;
}
.menus > a[data-ui~=primary] i {
	background-color: #4a87ee;
}
.menus > a[data-ui~=success] i {
	background-color: #6c3;
}
.menus > a[data-ui~=warning] i {
	background-color: #ffa016;
}
.menus > a[data-ui~=danger] i {
	background-color: #ef4e3a;
}
.menus > a > i {
	padding: 4px;
	margin-right: 6px;
	vertical-align: middle;
	border-radius: 4px;
	font-size: 20px;
	background: #f96003;
	color: #fff;
}
.menus > a > em {
	float: right;
	margin-right: 30px;
	font-size: 14px;
}
.menus > a > em[data-ui~=img] {
	position: relative;
}
.menus > a > em[data-ui~=img] img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
.menus > a > em[data-ui~=img] .badge {
	position: absolute;
	top: -4px;
	right: -4px;
	width: 10px;
	height: 10px;
	background: #ef4e3a;
	border-radius: 20px;
}
body.deny {
	background-color: #2e2a27;
}
body.deny .empty {
	font-size: 13px;
}
body.deny .empty img {
	display: block;
	width: 240px;
	margin: 20px auto;
}
.header-fixed > .ui-bar[data-ui~=nav] {
	position: fixed;
	background: #ef4e3a;
}
.header-fixed > .ui-bar[data-ui~=nav] .ui-btn {
	color: #fff;
}
.header-fixed > .ui-bar[data-ui~=nav] .ui-btn:active,
.header-fixed > .ui-bar[data-ui~=nav] .ui-btn[data-ui~=active] {
	color: #fff;
	font-weight: 700;
}
.header-fixed > .ui-bar[data-ui~=nav] .badge {
	background: #fff;
}
.header-fixed > .container {
	padding-top: 44px;
}
.container.cate > .list {
	padding: 2%;
	list-style: none;
}
.container.cate > .list li {
	padding: 0;
	margin: 0;
}
.container.cate > .list:after,
.container.cate > .list:before {
	content: ' ';
	display: table;
}
.container.cate > .list:after {
	clear: both;
}
.container.cate > .list li {
	position: relative;
	float: left;
	width: 48%;
	border-radius: 10px;
	margin-right: 2%;
	margin-bottom: 2%;
}
.container.cate > .list li:nth-child(even) {
	margin-right: 0;
	margin-left: 2%;
}
.container.cate > .list li a {
	display: block;
	text-decoration: none;
	color: #fff;
}
.container.cate > .list li .cover {
	width: 100%;
	height: auto;
}
.container.cate > .list li .cover img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 60px;
	border-radius: 10px;
}
.container.cate > .list li .count {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	padding: 2px 5px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 0 10px 0 0;
	font-size: .625rem;
}
.container.cate > .list li .title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	padding: 5px 0;
	border-radius: 0 0 10px 10px;
	text-align: center;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
}
.container.search {
	padding-right: 0;
	padding-left: 0;
}
.container.search > section {
	border-width: 0;
}
.container.search input {
	outline: none;
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255,0,0,0);
}
.container.search input:focus {
	-webkit-tap-highlight-color: rgba(255,255,255,0);
}
.container.search .form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	box-sizing: border-box;
	height: 2.75rem;
	line-height: 2.75rem;
	padding-top: .375rem;
	font-size: .813rem;
	background: #f8f8f9;
	background-size: 0;
}
@media (-webkit-min-device-pixel-ratio:1.3),(min-resolution:125dpi) {
	.container.search .form {
		border: none;
		background-image: -webkit-linear-gradient(0, #e5e5e5, #e5e5e5 50%, transparent 50%);
		background-image: linear-gradient(0,#e5e5e5,#e5e5e5 50%,transparent 50%);
		background-position: bottom;
		background-size: 100% 1px;
		background-repeat: no-repeat;
	}
}
.container.search .form [data-role=input] {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	box-sizing: border-box;
	position: relative;
	top: ;
	right: ;
	bottom: ;
	left: ;
	z-index: 6;
	padding: 0;
	margin: 0 .625rem;
	height: 2rem;
}
.container.search .form .icon-search,
.container.search .form .icon-close {
	position: absolute;
	top: 50%;
	left: .5rem;
	font-size: 1.125rem;
	line-height: 1.125rem;
	margin-top: -.5625rem;
	color: #8e8e93;
}
.container.search .form .icon-close {
	display: none;
	position: absolute;
	right: .5rem;
	left: auto;
}
.container.search .form .icon-close.active {
	display: block;
}
.container.search .form input {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	padding-left: 1.813rem;
	border: 1px solid #e5e5e5;
	border-radius: .25rem;
	color: #c7c7cd;
}
.container.search .form input:focus,
.container.search .form input:active {
	color: #656970;
}
.container.search .form button {
	display: none;
	box-sizing: content-box;
	width: 50px;
	height: 2rem;
	margin: 0 .625rem 0 0;
	padding: 0;
	border: none;
}
.container.search .form.focus button {
	display: block;
}
.container.search .form[data-ui~=static] button {
	display: block;
}
.container.search .tags {
	padding: 20px;
	display: inline-block;
}
.container.search .tags .ui-btn {
	margin: 3px;
}
.container.search .tags a {
	margin: 3px;
	text-align: center;
	float: left;
	color: #4a87ee;
	text-decoration: none;
}
.container.search .tag-fresh {
	display: block;
	padding-right: 0;
	padding-left: 0;
	margin: 10px auto;
	width: 90px;
}
.container.search .tag-fresh > [class^=icon-] {
	position: static;
}
.container.game {
	padding-right: 0;
	padding-left: 0;
}
.container.game [class~='line-top'] {
	border-top: 1px solid rgba(110,110,110,0.5);
}
.container.game .ui-panel {
	display: none;
}
.container.game .ui-panel[data-ui~=active] {
	display: block;
}
.container.game .ui-panel[data-role~=comment] {
	background-color: #fff;
}
.container.game .ui-panel .mod-box:first-child {
	margin-top: 0;
	border-top: 0;
}
.container.game .info {
	padding: 15px 10px 0 10px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
}
.container.game .game {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.container.game .game .cover {
	width: 80px;
	height: 80px;
	margin-right: 10px;
}
.container.game .game .cover img {
	width: 80px;
	height: 80px;
}
.container.game .game .meta .title,
.container.game .game .meta i {
	font-size: 14px;
}
.container.game .game .meta .count {
	display: block;
	margin: 4px 0 0 0;
	font-size: 12px;
}
.container.game .game .meta .author {
	margin-top: 6px;
}
.container.game .btns {
	text-align: right;
	margin: 10px 4px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.container.game .btns .play,
.container.game .btns .fav,
.container.game .btns .like {
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
}
.container.game .btns .fav {
	box-sizing: content-box;
	margin: 0;
	padding: 0;
	border: none;
	width: 70px;
}
.container.game .btns .fav .icon-ok {
	font-size: 16px;
	line-height: 16px;
}
.container.game .btns .play {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 20px;
	padding-left: 20px;
	max-width: 250px;
}
.container.game .btns .like {
	padding-right: 10px;
	padding-left: 10px;
}
.container.game .btns .like em {
	line-height: 12px;
	vertical-align: text-top;
}
.container.game .claim {
	background: transparent;
	margin-top: 5px;
	text-align: center;
}
.container.game .claim .ui-btn {
	margin: 4px 2px;
	font-size: 12px;
}
.container.game .mod-box {
	margin: 5px 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-right-width: 0;
	border-left-width: 0;
	overflow: hidden;
}
.container.game .mod-box:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}
.container.game .mod-box[data-role~=nav] {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.container.game .mod-box[data-role~=desc] {
	margin: 0;
	border-top: 0;
}
.container.game .mod-box[data-role~=desc] .inner {
	padding-bottom: 10px;
	background-size: 0;
}
@media (-webkit-min-device-pixel-ratio:1.3),(min-resolution:125dpi) {
	.container.game .mod-box[data-role~=desc] .inner {
		border: none;
		background: #fff;
		background-image: -webkit-linear-gradient(0, #ddd, #ddd 50%, transparent 50%);
		background-image: linear-gradient(0,#ddd,#ddd 50%,transparent 50%);
		background-position: bottom;
		background-size: 100% 1px;
		background-repeat: no-repeat;
	}
}
.container.game .mod-box[data-role~=play] .inner {
	background: none;
}
.container.game .mod-box[data-role~=share] .ui-btn {
	padding: 0 8px;
	border: none;
}
.container.game .mod-box[data-role~=share] [class^="icon-"],
.container.game .mod-box[data-role~=share] [class*=" icon-"] {
	font-size: 1.875rem;
	color: #399eee;
	text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.container.game .mod-box[data-ui~=tag] .tags {
	margin-bottom: 10px;
}
.container.game .mod-box[data-ui~=share] .ui-btn {
	height: 38px;
	line-height: 38px;
	padding: 0;
	margin-right: 15px;
}
.container.game .mod-box[data-ui~=share] [class^="icon-"],
.container.game .mod-box[data-ui~=share] [class*=" icon-"] {
	font-size: 1.875rem;
}
.container.game .tab {
	padding: 0 10px;
	margin: 10px 0;
}
.container.game .tab .ui-btn {
	font-size: 1rem;
	height: 1.875rem;
	line-height: 1.875rem;
}
.container.game .screenshot {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 5px;
	background: #fff;
	border: 1px solid #ddd;
	border-right-width: 0;
	border-left-width: 0;
}
.container.game .screenshot [data-role~=dot] {
	bottom: 30px;
}
.container.game .tags .ui-btn {
	margin-top: 5px;
	margin-right: 10px;
	font-size: 14px;
}
.container.game .share-qr {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 180px;
	margin-top: -90px;
	margin-left: -90px;
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #4a87ee;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(34,34,34,0);
	text-align: center;
}
.container.game .share-qr .icon-close {
	position: absolute;
	top: 0;
	right: 4px;
	z-index: 1000;
	font-size: 1.375rem;
	color: #4a87ee;
}
.container.game .share-qr h5 {
	margin: 5px auto;
}
.container.game .share-qr img {
	display: block;
	width: 120px;
	height: 120px;
	margin: 5px auto;
}
.container.game .detail {
	display: block;
}
.container.game .detail .inner {
	min-height: 68px;
	color: #666;
}
.container.game .detail .inner img {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}
.container.game .detail-tip {
	padding: 2px 0;
	font-size: .875rem;
	color: #878d9a;
	text-align: center;
}
.container.game .detail-tip p {
	margin: 4px auto;
	color: #ffa016;
}
.container.game .detail-tip a {
	border: none;
	font-size: .875rem;
}
.container.game .detail-tip i {
	font-size: 140%;
	line-height: 1.4;
}
.container.game .detail-tip .icon-qq-bg {
	color: #4bb9fa;
}
.container.game .detail-tip .icon-wechat-bg {
	color: #00cb00;
}
.container.gamecenter > section > [data-role=body] {
	padding-right: 6px;
	padding-left: 6px;
}
.container.special > h1 {
	margin-top: 10px;
}
.container.special > .list li {
	max-width: 480px;
	margin: 15px auto;
	padding-right: 10px;
	padding-left: 10px;
}
.container.special > .list a {
	display: block;
	text-decoration: none;
	color: #fff;
}
.container.special > .list a .cover {
	width: 100%;
	height: auto;
	border-radius: 0;
}
.container.special > .list a .cover img {
	display: block;
	width: 100%;
	height: auto;
	min-height: 60px;
	border-radius: 0;
}
.container.special > .list a .count {
	position: absolute;
	top: 6px;
	right: -30px;
	z-index: 5;
	padding: 2px 5px;
	width: 80px;
	height: 18px;
	line-height: 18px;
	font-size: 12px;
	background-color: #6c3;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.container.special > .list a .title {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	padding: 5px 0;
	text-align: center;
	background-color: rgba(0,0,0,0.6);
}
.container.wx {
	background-color: #fff;
}
.container.wx .box {
	padding-right: 0;
	padding-left: 0;
}
.container.wx .box:last-child .list {
	border-bottom: 0;
}
.container.wx .box header {
	margin: 10px 10px 0 10px;
	color: #4a87ee;
}
.container.wx .box header h2 {
	color: #4a87ee;
}
.container.wx .box header a {
	color: #4a87ee;
}
.container.wx .box .ui-content {
	word-break: break-all;
}
.container.wx .box .list {
	border-bottom: 1px solid #cecece;
}
.container.wx .about {
	padding-right: 26px;
	padding-left: 26px;
}
.container.wx .about > div {
	margin: 10px auto;
	text-align: center;
	color: #4d4d4d;
	font-size: 14px;
}
.container.wx .about i {
	font-size: 50px;
	color: #ed351f;
}
.container.wx .about em {
	color: #ed351f;
}
.container.wx .about header {
	margin: 8px 0 10px 0;
}
.container.wx .about .logo {
	display: inline-block;
	text-align: center;
	margin: 10px auto;
	width: 100%;
}
.container.wx .about .method {
	text-align: left;
	margin-top: 14px;
	padding: 0 16px;
	font-size: 12px;
}
.container.wx .about .ui-btn {
	margin: 0 auto;
	width: 180px;
}
.container.wx .intro {
	padding-top: 12px;
	vertical-align: middle;
}
.container.wx .intro > h3 em {
	vertical-align: baseline;
}
.container.user .profile {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 20px 10px;
}
.container.user .profile a {
	text-decoration: none;
}
.container.user .profile:after {
	position: absolute;
	top: 50%;
	right: 0;
	font-size: 24px;
	margin-top: -12px;
	color: #9b9b9b;
}
.container.user .profile .avatar {
	position: relative;
	box-shadow: 0 0 5px #888;
	padding: 3px;
	border-radius: 4px;
	width: 60px;
	height: 60px;
	overflow: hidden;
}
.container.user .profile .avatar img {
	width: 60px;
	height: 60px;
}
.container.user .profile .avatar i {
	position: absolute;
	right: 2px;
	bottom: 2px;
	padding: 3px;
	border-radius: 3px;
	background: #e41e87;
	color: #fff;
}
.container.user .profile .detail {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 0;
	margin-left: 10px;
	box-sizing: border-box;
	font-size: .938rem;
	color: #9b9b9b;
}
.container.user .profile .detail dt {
	color: #ef4e3a;
	margin-bottom: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.container.user .profile .detail dd {
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: .813rem;
	word-break: break-all;
}
.container.user .profile .binding {
	position: absolute;
	bottom: -6px;
	left: 80px;
}
.container.user .profile .binding a {
	display: inline-block;
	position: relative;
	outline: none;
	margin: 0 4px;
	padding: 4px;
	border-radius: 4px;
	background: #f0f0f0;
	color: #000;
}
.container.user .profile .binding a:before {
	position: absolute;
	right: 1px;
	bottom: 1px;
	font-size: 70%;
	color: #b0b0b0;
	background: #fff;
	border-radius: 40px;
	border: none;
}
.container.user .profile .binding a.ok:before {
	font-size: 75%;
	color: #6c3;
}
.container.user .profile .binding i {
	font-size: 130%;
}
.container.error {
	background-color: #fff;
}
.container.error {
	padding-right: 0;
	padding-left: 0;
}
.container.error section {
	border-width: 0;
}
.container.error .empty {
	color: #ef4e3a;
}
.container.error > p {
	font-size: .875rem;
	text-align: center;
}
.container.error > p a {
	text-decoration: none;
	color: #4a87ee;
}
.container.error .moregame {
	margin: 5px 10px;
	text-align: center;
}
.container.error .moregame .ui-btn {
	border-width: 0;
}
.container.warning {
	background-color: #fff;
}
.container.warning .empty {
	font-size: 13px;
}
.container.warning .empty span {
	color: #ef4e3a;
}
.container.warning .empty i {
	color: #ef4e3a;
}
/*@media (min-width:601px) {
	.list .item {
		float: left;
		margin-right: 1%;
		margin-left: 0;
	}
	.list[data-ui~=vs] .item {
		width: 20%;
	}
	.list[data-ui~=imgs] .item {
		width: 33.3333%;
	}
}
@media (min-width:801px) {
	.list[data-ui~=vs] .item {
		width: 16.66%;
	}
	.list[data-ui~=imgs] .item {
		width: 25%;
	}
}*/
/*.g_type{
	position: absolute;
    top: 50px;
    left: 120px;
}*/
/*.g_hot{
	position: absolute;
    top: 50px;
    left: 190px;
}
.g_desc{
	position: absolute;
    left: 120px;
    top: 80px;
}
.y_btn{
    background: #FBC82B;
    color: #fff;
    width: 130px;
    height: 40px;
    border: none;
    border-radius: 0.3em;
    position: absolute;
    right: 10px;
    top: 30px;
    font-size: 20px;
    line-height: 40px;	
}*/
.index_detail .ui-bar[data-ui~=danger] [data-ui~=title]{
	text-indent: 15px;
	text-align: left;	
}
.index_detail .list{
	border: none;
	border-bottom: 1px solid #AAEAD0;
}
.index_detail .container{
	height: auto;
}
.index_detail .container > section{
	margin-bottom: 0;
}
.index_list,
.index_detail{
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	overflow-x: hidden;
}
.detail_ul_dom{
	width: 100%;
	overflow-y: hidden;
	padding-top: 10px;
    padding-bottom: 10px;
	border-bottom: 1px solid #AAEAD0;
}
.detail_ul{
	overflow-x:scroll;
	overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    width: auto;
}
.detail_text{
	min-height: 100px;
	width: 100%;
	border-bottom: 1px solid #AAEAD0;
	overflow: visible;
}

details{
	overflow: visible;
}

.detail_share{
	min-height: 130px;
	width: 100%;
}
.start_btn{
	background: #FBC829;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	border: none;
}
.detail_p{
	height: 30px;
	line-height: 30px;
	font-size: 20px;
	text-indent: 10px;
}
.summary{
	float: right;
	margin-top: 8px;
	margin-right: 20px;
	font-size: 18px;
	color: rgb(90, 90, 90);
	font-size: 16px;
}
.detail_txt, .detail_txt2{
	padding: 20px;
	padding-top: 0;
	line-height: 20px;
}

/************************************************
 * @author:baoyuanhui
 ***********************************************/
.title_user{
	position: absolute;
	background-size: 100% 100%;
	border-radius: 18px;
	width: 36px;
	height: 36px;
	border: 0;
	left: 10px;
	top: 4px;
}

.game_frame{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 100;
}

/*游戏详情页通用样式*/
.detail_list, .detail_item{
	width: 100%;
}

.detail_list{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid #aaead0;
	box-sizing: border-box;
}

.detail_item{
	overflow-y: hidden;
}

.detail_cover{
	border-radius: 0;
	box-shadow: none;
	float: left;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	height: auto;
}

.detail_meta{
	padding-bottom: 2000px;
	margin-bottom: -2000px;
	height: auto;
	line-height: 1.3;
}

.detail_detail_title, .detail_meta_content{
	width: 100%;
}

.detail_meta_left{
	margin-right: 100px;
}

.detail_meta_right{
	float: right;
	width: 120px;
}

.game_detail_share{
	width: 100%;
	min-width: 250px;
	height: 100px;
	padding-top: 25px;
	padding-bottom: 60px;
}

.detail_ico{
	position: absolute;
	text-align: center;
}

.detail_ico p{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	color: #000;
}

.detail_y_btn{
	width: 120px;
	height: 42px;
	background: #FBC82B;
	color: #fff;
	border: none;
	border-radius: 1.3em;
	font-size: 20px;
	line-height: 40px;
}

/*登录框*/
.login_content{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 104;
}

/*游戏浮层*/
.game_float{
	position: fixed;
	width: 100%;
	height: 300px;
	background: rgb(102, 102, 102);
	z-index: 105;
}

/*支付页面*/
.pay_frame{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 110;
}


#game_float{
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.game_float_all{
	top: 0px;
}

.game_float_hidden{
	top: -300px;
}

.game_float_function{
	width: 100%;
	min-width: 250px;
	height: 100px;
	padding-top: 25px;
	position: absolute;
	top: 0
}

.float_ico{
	position: absolute;
	text-align: center;
}

.float_function_ico{
	width: 50%;
}

.float_share_ico{
	width: 33.33%;
}

.float_ico p{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	color: #FFF;
}

.float_function_return{
	left: 0;
}

.float_function_refresh{
	right: 0;
}


.function_button{
	border: 0 !important;
	width: 60px !important;
	height: 60px !important;
	padding-left: 0px !important;
	margin: 0px !important;
	
}

.function_return_button{
	background: url(http://p5.qhimg.com/d/inn/30416908/home.png);
	background-size: 100% 100%;	
}

.function_refresh_button{
	background: url(http://p5.qhimg.com/d/inn/dd654d33/refresh.png);
	background-size: 100% 100%;	
}

.game_float_share{
	width: 100%;
	min-width: 250px;
	height: 100px;
	padding-bottom: 25px;
	position: absolute;
	top: 175px;
}

.float_hr{
	color: #FFF;
	width: 100%;
	min-width: 250px;
	text-align: center;
	position: absolute;
	top: 135px;
}

.float_hr hr{
	display: inline-block;
	width: 20%;
}

.float_hr p{
	padding: 0 25px;
	display: inline-block;
}

.float_share_weibo{
	left: 0 !important;
}

.float_share_tqq{
	left: 33.33% !important;
}

.float_share_qzone{
	left: 66.67% !important;
}

.share_weibo_button{
	background: url(http://p7.qhimg.com/d/inn/6b5d646d/weibo.png) !important;
	background-size: 100% 100% !important;	
}

.share_txweibo_button{
	background: url(http://p2.qhimg.com/d/inn/8fe49e6a/txweibo.png) !important;
	background-size: 100% 100% !important;	
}

.share_qzone_button{
	background: url(http://p3.qhimg.com/d/inn/e0798389/qzone.png) !important;
	background-size: 100% 100% !important;	
}

.game_float_button{
	width: 100%;
	text-align: center;
	position: absolute;
	top: 300px;
}

.float_button{
	width: 50px;
	height: 20px;
	border: 0;
}

.float_button_down{
	background: url(http://p0.qhimg.com/d/inn/c7c9273b/floatButton.png);
	background-size: 100% 100%;
}

.float_button_up{
	background: url(http://p3.qhimg.com/d/inn/6ab4c488/floatButtonUp.png);
	background-size: 100% 100%;
}

/*高分辨率*/
@media (min-width: 375px){
	/*小标题*/
	.container_subtitle{
		border-top: 1px solid #000;
		width: 10px;
		height: 50px;
	}

	/*推荐栏*/
	.body_recommend{
		width: 100%;
		height: 100px;
	}

	.body_recommend:after{
		clear: both;
	}

	.recommand_item{
		width: 25%;
		text-align: center;
		float:left;
	}

	.recommand_item img{
		width: 80px;
		height: 80px;
	}

	.recommand_meta_content{
		font-size: 16px;
		color: rgb(90, 90, 90);
		text-align: center;
	}

	/*list detail*/
	.list_list,.detail_list{
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px solid #aaead0;
		box-sizing: border-box;
	}

	.list_item,.detail_item{
		width: 100%;
		overflow-y: hidden;
		padding:0 28px;
		box-sizing: border-box;
		max-height: 90px;
		display: block;
	}
	.list_cover,.detail_cover{
		width: 90px;
		border-radius: 0;
		box-shadow: none;
		float: left;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
		height: auto;
	}

	.list_meta,.detail_meta{
		float: left;
		margin:0 -120px 0 -90px;
		padding:0;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
		height: auto;
		line-height: 1.3;
		width: 100%;
		
	}
	.meta_inner{
		margin: 0 120px 0 90px;
		padding-left: 5px;
	}

	.list_btnstart,.detail_btnstart{
		width: 120px;
		float: right;
		padding-top: 30px;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
	}

	.list_title, .detail_detail_title{
		width: 100%;
		overflow: visible;
	}
	
	.list_meta_content p,.detail_meta_content p{
		padding-top: 0;
		width: 100%;
		overflow: hidden;
		height: 20px;
	}
	.list_meta_content span,.detail_meta_content span{
		display: inline-block;
		padding-right: 10px;
	}
	
	.list_y_btn,.detail_y_btn{
		width: 120px;
		height: 42px;
		background: #FBC82B;
		color: #fff;
		border: none;
		border-radius: 1.3em;
		font-size: 20px;
		line-height: 40px;
		
	}

	.detail_ul_dom, .detail_ul{
		height: 320px;
	}

	.detail_img{
		width: 180px;
		height: 320px;
	}

}

/*低分辨率*/
@media (max-width: 374px){
	.ui-bar [data-ui~=title]{font-size: 20px;}
	.ui-bar .ui-btn{font-size: 16px;}
	
	/*推荐栏项目*/
	/*小标题*/
	.container_subtitle{
		border-top: 1px solid #000;
		width: 10px;
		height: 50px;
	}

	/*推荐栏*/
	.body_recommend{
		width: 100%;
		min-width: 240px;
		overflow-x: scroll;
		height: 100px;
	}

	.body_recommend:after{
		clear: both;
	}

	.recommand_item{
		width: 24%;
		text-align: center;
		display: inline-block;
	}

	.recommand_item img{
		width: 55px;
		height: 55px;
		
	}

	.recommand_meta_content{
		font-size: 12px;
		color: rgb(90, 90, 90);
		text-align: center;
	}

	/*list*/
	.list_list,.detail_list{
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px solid #aaead0;
		box-sizing: border-box;
	}
	.list_item,.detail_item{
		width: 100%;
		overflow-y: hidden;
		padding:0 14px;
		box-sizing: border-box;
		max-height: 60px;
		display: block
	}
	.list_cover,.detail_cover{
		width: 60px;
		border-radius: 0;
		box-shadow: none;
		float: left;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
		height: auto;
	}
	.list_cover img,.detail_cover img{
		width: 60px;
		height: 60px;
	}
	.list_meta,.detail_meta{
		float: left;
		margin: 0 -90px 0 -60px;
		padding:0;
		padding-bottom: 2000px;
		margin-bottom: -2000px;
		height: auto;
		line-height: 1.3;
		width: 100%;
	}
	.meta_inner{
		margin: 0 90px 0 60px;
		padding-left: 5px;
	}

	.list_btnstart,.detail_btnstart{
		width: 90px;
		float: right;
		padding-top: 30px;
		padding-bottom: 2000px;
		margin-bottom: -2000px;

	}

	.list_meta .list_title,.detail_meta .detail_detail_title{
		width: 100%;
		height: 27px;
		font-size: 18px;
		overflow: hidden;
	}
	
	.list_meta_content p,.detail_meta_content p{
		padding-top: 4px;
		width: 100%;
		overflow: hidden;
		height: 20px;
		font-size: 14px;
	}
	.list_meta_content span,.detail_meta_content span{
		display: inline-block;
		padding-right: 10px;
	}
	
	.list_y_btn,.detail_y_btn{
		width: 90px;
		height: 30px;
		background: #FBC82B;
		color: #fff;
		border: none;
		border-radius: 1.3em;
		font-size: 14px;
		line-height: 28px;
	}

	
	/*轮播图*/
	.detail_ul_dom, .detail_ul{
		height: 300px;
	}

	.detail_img{
		width: 168px;
		height: 300px;
	}
	/*详情选项*/
	.ui-btns .detail_ui_btn{
		font-size: 16px;
	}

	.start_btn{
		font-size: 20px;
	}
}

.ui-bar .detail_title{
	margin-left: 44px;
}

.detail_return_btn{
	background: url(http://p0.qhimg.com/t01d6f468f2dcdfb971.png) left center no-repeat;
	background-size: 100% auto;
	padding: 0;
	width: 11px;
	height: 27px;
	color: #fff;
	border: none;
	margin-left: 20px;
}